<template>
  <div>
    <div class="dialog_wrap login_load" :style="'display: ' + $store.state.lblock + ';'">
      <div class="login_system">
        <p class="title" @click="dialogHide()">
          长沙市普通中小学入学报名系统<span class="floatright login_load_close"
            >X</span
          >
        </p>
        <div class="main">
          <div class="left">
            <img src="http://rxbm.csedu.gov.cn/imgs/qrcode.jpg" />
            <p>微信扫一扫<em class="ml10"></em>关注“长沙教育服务平台”</p>
            <p>搜索报名学校，选择学校，填写报名资料</p>
          </div>
          <div class="right">
            <div class="login_main">
              <p class="title">
                <span class="title_left">登录系统</span
                ><span class="title_right"
                  >还没有账号？<a id="register" @click="switchRegister()">立即注册</a></span
                >
              </p>
              <form
                action="/user/signIn"
                method="post"
                onsubmit="return checkLogin();"
                id="loginForm"
              >
                <input type="hidden" name="returnUrl" id="returnUrl" />
                <ul class="login_ul">
                  <li>
                    <label>登录账号</label>
                    <div class="inp_wrap250">
                      <input
                        type="text"
                        name="userName"
                        id="userName"
                        value=""
                        placeholder="账号/手机号"
                      />
                    </div>
                  </li>
                  <li>
                    <label>登录密码</label>
                    <div class="inp_wrap250">
                      <input
                        type="password"
                        name="pwd"
                        id="pwd"
                        value=""
                        placeholder="请输入密码"
                      />
                    </div>
                  </li>
                  <li>
                    <label>验证码</label>
                    <div class="inp_wrap150 inp_yzm">
                      <input
                        type="text"
                        name="verityCode"
                        id="verityCode"
                        maxlength="4"
                        placeholder="验证码"
                      />
                    </div>
                    <img
                      src="http://rxbm.csedu.gov.cn/verityCode.jpeg"
                      title="点击切换验证码"
                      id="vcImg"
                      class="img_yzm"
                    />
                  </li>
                  <li>
                    <span style="display: none" class="floatleft mdl"
                      ><input
                        type="checkbox"
                        name="rememberMe"
                        value="1"
                      />下次免登录</span
                    >
                    <a href="/user/findPwd" class="forgetPSW">忘记密码？</a>
                  </li>
                  <li>
                    <button
                      type="submit"
                      class="btn_green250 mt15 new"
                      id="loginBtn"
                    >
                      登&nbsp;&nbsp;录
                    </button>
                  </li>
                </ul>
              </form>
            </div>
          </div>
          <p class="warmming">
            温馨提示：为方便您报名时上传附件资料，以及报名后及时收取各类通知通告，请尽量使用微信报名
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: "Login",
  data() {
    return {
      block: "",
    };
  },

  mounted() {
  },

  methods: {
    /**
     * 取消登录的对话框
     */
    dialogHide() {
        this.$store.commit('updateLD',"");
        console.log("login:",this.$store.state.lblock);
    },
    /**
     * 取消登录的对话框，打开注册的对话框
     */
    switchRegister() {
        this.$store.commit('updateLD',"");
        this.$store.commit('updateRD', "block");
    }
  },
};
</script>

<style scoped>
</style>